<!DOCTYPE html>
<html>
	<div class="web">

		<head>
			<meta charset="UTF-8">
			<title>分类</title>
			<meta name="keywords" content="" />
			<meta name="description" content="" />
			<meta name="viewport" content="width=device-width,initial-scale=1" />
			<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
			<link rel="stylesheet" type="text/css" href="css/fl.css" />
		</head>

		<body>
			<div class="web">
			<header>
				<div class="logo_box">
					back
				</div>
				<div class="search_box">
					分类
				</div>
				<div class="city_box">
					<select name="city">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">上海市</option>
					</select>
					<div></div>
					</div>
			</header>
			<main>
				<div class="banner">
					<img src="img/分类banner_02.jpg" />
				</div>
				<div class="center">
					<div class="classification">
						<div class="left">
							<i class="iconfont icon-star"></i>
							<span>美食类</span>
						</div>
						<div class="right">
							<span>更多</span>
							<i class="iconfont icon-xiangyou"></i>
						</div>
					</div>
					<div class="preferential">
						<div class="preferential_img">
							<img src="img/分类1_03.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类2_05.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类3_07.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类4_09.jpg" alt="" />
						</div>
					</div>
					
					<div class="classification">
						<div class="left">
							<i class="iconfont icon-zuji"></i>
							<span>运动类</span>
						</div>
						<div class="right">
							<span>更多</span>
							<i class="iconfont icon-xiangyou"></i>
						</div>
					</div>
					<div class="preferential">
						<div class="preferential_img">
							<img src="img/分类5_15.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类6_16.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类7_17.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类8_18.jpg" alt="" />
						</div>
					</div>
					
					<div class="classification">
						<div class="left">
							<i class="iconfont icon-jiarehuoyan"></i>
							<span>电影类</span>
						</div>
						<div class="right">
							<span>更多</span>
							<i class="iconfont icon-xiangyou"></i>
						</div>
					</div>
					<div class="preferential">
						<div class="preferential_img">
							<img src="img/分类9_25.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类10_26.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类11_27.jpg" alt="" />
						</div>
						<div class="preferential_img">
							<img src="img/分类11_27.jpg" alt="" />
						</div>
					</div>
					
				</div>
			</main>
			<footer>
				<div>
					<a href="index.html">
						<i class="iconfont icon-shouye1"></i>
						<p>首页</p>
					</a>
				</div>
				<div>
					<a href="">
						<i class="iconfont icon-fenlei1"></i>
						<p>分类</p>
					</a>
				</div>
				<div>
					<a href="fx.html">
						<i class="iconfont icon-im_faxian"></i>
						<p>发现</p>
					</a>
				</div>
				<div>
					<a href="wd.html">
						<i class="iconfont icon-wode1"></i>
						<p>我的</p>
					</a>
				</div>

			</footer>
			</div>
			<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		</body>

</html>